/* 覆盖一些样式 */
.fs-crud-container {
  .ant-col {
    width: auto;
  }

  .fs-actionbar {
    .fs-button > .fs-button-icon {
      margin-right: 7px;
    }
  }

  .fs-crud-search {
    .ant-row {
      flex-flow: nowrap;
    }

    .ant-form-item-label {
      overflow: inherit;
    }
  }

  .fs-tabs-filter {
    .ant-tabs-nav-wrap {
      padding: 5px 10px 10px 20px;
      background-color: white;
      border-radius: 8px 8px 0 0;
    }
  }
}

.vben-layout-content.full {
  .fs-crud-container {
    position: absolute;
    width: 100%;
  }
}

.fs-form-wrapper {
  .ant-modal-title {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
  }
}

.fs-container {
  padding: 0 !important;

  .header {
    .ant-card {
      .ant-card-body {
        padding: 5px 10px !important;
      }
    }
  }

  .fs-crud-table {
    /* 使用 dict ，并且不希望以tag方式回显时，遇到多选数据，使用 / 分割 */
    .fs-values-format {
      display: flex;
      flex-wrap: wrap;
      gap: 0.4em;

      span:not(.fs-tag) {
        position: relative;
        padding-right: 0.5em;
      }

      span:not(:last-child)::after {
        position: absolute;
        right: 0;
        content: '/';
      }
    }
  }
}

.fs-toolbar {
  margin-right: 10px;
}

.page-layout-card {
  .fs-page-header {
    background-color: #fff;
  }
}

.vben-page-wrapper {
  .vben-page-wrapper-content {
    margin: 10px !important;
  }
}

.fs-layout-card > .box > .inner > .header {
  margin: 7px 7px 0;
}

.fs-layout-card > .box > .inner > .body {
  margin: 7px 7px 0;
}

.fs-form-helper {
  margin-bottom: 0;
}
